// Paypages/pages/topic/topic.js

// 引用api文件
const api = require('../../../utils/api.js');
// 引入封装的请求类
const {myRequest} = require('../../../utils/myRequest.js');
//在使用的View中引入WxParse模块
var WxParse = require('../../../libs/wxParse/wxParse');

Page({

  /**
   * 页面的初始数据
   */
  data: {
    detailData: '',
    relatedData: []
  },

  // 点击 相关专题列表
  ontopicRelate(e){
    // 页面回到顶部
    wx.pageScrollTo({
      scrollTop: 0
    })

    let topicId = e.currentTarget.dataset.topicrelateid;
    
    // 根据相关专题的id请求接口
    myRequest({
      url: api.topicDetail,
      data: { 
          id: topicId
      },
      success: (res)=>{
        console.log('topicDetail数据',res);
        let data = res.data.data;
        this.setData({
          detailData: data
        });

        // wxParse文本解析
        var content = data.content;
        WxParse.wxParse('content', 'html', content, this, 0);
      }
    });
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

    // 设置导航栏标题
    wx.setNavigationBarTitle({
      title: '专题详情'
    })

    let topicListId = Number(options.TopicList_id);
    let topicId = Number(options.topicId);
    console.log("options",options);

    // 判断点击获取对应专题详情接口的id是否为存在
    if(topicListId || topicId){
      // 请求专题详情接口获取渲染页面的数据 
      myRequest({
        url: api.topicDetail,
        data: { 
            id: topicListId || topicId
        },
        success: (res)=>{
          console.log('topicDetail数据',res);
          let data = res.data.data;
          this.setData({
            detailData: data
          });

          // wxParse文本解析
          var content = data.content;
          WxParse.wxParse('content', 'html', content, this, 0);
        }
      });
    }

    // 请求相关专题接口 
    myRequest({
      url: api.topicRelated,
      success: (res)=>{
        console.log('topicRelated数据',res);
        let data = res.data.data;
        this.setData({
          relatedData: data
        });
      }
    });

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    wx.showToast({
      title: '没有更多内容啦~',
      icon: 'none',
      duration: 1000
    })
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    
  },


})